<template>
  <div class="editor-box">
    <RichEditor :rich-value="content" @changeRich="handleChangeRich">
    </RichEditor>
  </div>
  <div>输出内容：{{ outContent }}</div>
</template>

<script setup>
import { ref } from 'vue'

const content = ref('<p>初始化的值</p>')
const outContent = ref('')
const handleChangeRich = (val) => {
  outContent.value = val
}
</script>

<style scoped>
.editor-box {
  width: 1388px;
  height: 400px;
  margin-bottom: 10px;
}
</style>
